<template>
    <Table 
        border
        stripe
        :columns="columns"
        :data="data.data"
        :loading="data.isLoading">
    </Table>
</template>
<script>
import filterTime from '@/filters/filterTime.js'
import { scrypt } from 'crypto';

export default {
    name: 'NoticeListView.vue',
    props: ['data'],
    data() {
        return {
            columns: [
                {
                    title: '编号',
                    key: 'id',
                    width: 80,
                    tooltip: true,
                    align: 'center'
                },
                {
                    title: '广告',
                    key: 'notice',
                    width: 120,
                    tooltip: true,
                    align: 'center'
                },
                {
                    title: '跑马灯',
                    key: 'radio',
                    width: 120,
                    tooltip: true,
                    align: 'center'
                },
                {
                    title: '充值信息',
                    key: 'payInfo',
                    width: 120,
                    tooltip: true,
                    align: 'center'
                },
                {
                    title: '用户协议',
                    key: 'agreement',
                    width: 120,
                    tooltip: true,
                    align: 'center'
                },
                {
                    title: '默认房卡数',
                    key: 'initGold',
                    width: 120,
                    tooltip: true,
                    align: 'center'
                },
                {
                    title: '用户id',
                    key: 'userId',
                    width: 120,
                    tooltip: true,
                    align: 'center'
                },
                // {
                //     title: '是否读取',
                //     key: 'readState',
                //     width: 120,
                //     tooltip: true,
                //     align: 'center',
                //     render: function(h,params){
                //         let title = params.row.isShelf==1?'已读':'未读';
                //         return h('span',title);
                //     }
                // },
                {
                    title: '创建时间',
                    key: 'createTime',
                    width: 110,
                    tooltip: true,
                    align: 'center',
                    render: function(h,params){
                        // params 包含 row、column 和 index，分别指当前行数据，当前列数据，当前行索引
                        return h('span',filterTime.formatTimestamp(params.row.createTime));
                    }
                },
                {
                    title: '操作',
                    key: 'action',
                    align: 'center',
                    render: (h, params) => {
                        // let detailBtn = h('Button', {
                        //     props: {
                        //         type: 'primary',
                        //         size: 'small'
                        //     },
                        //     style: {
                        //         marginRight: '5px'
                        //     },
                        //     on: {
                        //         click: () => {
                        //             this.onAction({action: 'edit', data: params.row})
                        //         }
                        //     }
                        // }, '编辑');
                        let delBtn = h('Button', {
                            props: {
                                type: 'error',
                                size: 'small'
                            },
                            on: {
                                click: () => {
                                    this.onAction({action: 'remove', data: params.row})
                                }
                            }
                        }, '删除');
                        return h('div', [delBtn]);
                    }
                }
            ]
        }
    },
    methods: {
        onAction (actionData) {
            this.$emit('on-action',actionData);
        }
    }
}
</script>
<style lang="less" scoped>

</style>



